<template>
	<ul class="hztem">
		<router-link v-for="(value, i) in hzdata" :to="{name: 'Detail', params: { id: value.pid}}" tag="li" :key="i">
			<div class="hz-Limg">
				<a href="javascript;">
					<img :src="'http://img3.wangjiu.com/'+value.image_src+'.png'" />
				</a>
			</div>
			<div class="hz-Ltxt">
				<div class="hz_Ttxt">
					<p class="hz_Tname">{{value.product_name}}</p>
				</div>
				<div class="hz_Btxt">
					<em>￥{{value.sale_price}}.<i>00</i></em>
					<router-link :to="{name: 'Detail', params: { id: value.pid}}" class="buyNow" href="javascript;">立即购买</router-link>
				</div>
			</div>
		</router-link>
		<li>
			<div class="hz-Limg">
				<a>
					<img src="../assets/images/24278942040584199.png" />
				</a>
			</div>
			<div class="hz-Ltxt">
				<div class="hz_Ttxt">
					<p class="hz_Tname">彼得利蒙莱尔红葡萄酒 2 010</p>
				</div>
				<div class="hz_Btxt">
					<em>￥188.<i>00</i></em>
					<a class="buyNow" href="#">立即购买</a>
				</div>
			</div>
		</li>

	</ul>
</template>

<script>
	import axios from 'axios';
	import Vue from 'vue';

	export default {
		props: {
			hzdata: {
				type: Array,
				// required: true
			}
		},
		mounted() {
			console.log(this.hzdata)
		}

		//		mounted() {
		//			axios.get('/vip/hzlist.php')
		//				.then((res) => {
		//					console.log(res);
		//					const data = res.data.result
		//					this.hzdata = data
		//					//this.isShowloading = false
		//				})
		//		},
	}
</script>

<style>

</style>